﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>图片</title>
    <script type="text/javascript" src="../JS/Method.js" language="javascript"></script>
    <script type="text/javascript" src="../JS/Class.js" language="javascript"></script>
    <script type="text/javascript" src="../JS/Dialog.js" language="javascript"></script>
    <link href="../CSS/Design.css" rel="stylesheet" type="text/css" />
    <link href="../CSS/Dialog.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="divDialog" id="divDialog">
		<div class="divTitle" id="divTitle">
			<div id="title">图片</div>			
			<div id="close" onclick="Dialog.Hide();"></div>
		</div>
		<div class="divMiddle" id="divMiddle">
			<div id="content" style="width: 92%;">
			    <table class="dialogTable">
                    <tr>
                        <td style="width:20%;">图片链接</td>
                        <td><input id="txtUrl" type="text" style="width: 300px;" /></td>
                    </tr>
                    <tr>
                        <td>替换文字</td>
                        <td><input id="txtText" type="text" style="width: 300px;" /></td>
                    </tr>
                    <tr>
                        <td>图片宽度</td>
                        <td><input id="txtWidth" type="text" style="width: 40%;" maxlength="4" /></td>
                    </tr>
                    <tr>
                        <td>图片高度</td>
                        <td><input id="txtHeight" type="text" style="width: 40%;" maxlength="4" /></td>
                    </tr>
                    <tr>
                        <td>图片边框</td>
                        <td><input id="txtBorder" type="text" style="width: 40%;" maxlength ="2" /></td>
                    </tr>
                    <tr>
                        <td colspan ="2" style="text-align: center; background-color: #ebebeb;">图片预览</td>
                    </tr>
                    <tr>
                        <td colspan ="2">
                            <div class="imagePreview" id="divPreview"></div>
                         </td>
                    </tr>
                </table>
			</div>
		</div>
		<div class="divBottom">
		  <input type="button" id="btnSubmit" value="确 定" class="btn" onclick="Dialog.ImageOK();" />
		  <input type="button" id="btnCancel" value="取 消" class="btn" onclick="Dialog.Hide();" />
		</div>
	</div>
</body>
</html>

<script type="text/javascript">
    Dialog.ImageText();
</script>